@charset "utf-8";
@import "config";

@mixin start{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@mixin going{
     display: flex;
    justify-content: space-between;
    align-items: center;
}
@mixin end{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
@function w($wpx){
    @return $wpx/640*100%;
}
$col: #d62d31;
$ts: 0.2s;
.show{
    display: block!important;
}


.web{
     overflow: hidden;
    .head{
        overflow: hidden;
        line-height: setLengthByHeight(100px);
        .left{
            width: 3.5rem;
        }
        .title{
            left: 4rem;
            right: 4rem;
            height: 100%;
            line-height:  setLengthByHeight(130px);
            nav{
                width: 100%;
                height: setLengthByHeight(70px);
                display: inline-block;
                border: 1px solid $col;
                border-radius: 3px;
                background-color: #fff;
                overflow: hidden;
                a{
                    font-size: 0.6rem;
                    width: 50%;
                    height: 100%;
                    line-height: setLengthByHeight(70px);
                    float: left;
                    border: none;
                    border-radius: 0;
                    padding: 0 0.3rem;
                    &.active{
                        color: #fff;
                        background: $col;
                        border-radius: 3px;
                    }
                    .dot_1{
                        display: inline-block;
                        width: 0.3rem;
                        height: 0.3rem;
                        background: white;
                        border-radius: 0.3rem;
                        margin-left: 0.3rem;
                        vertical-align: middle;
                    }
                }
            }
        }
    }
    
    section{
        overflow: hidden;
       bottom: 0;
        .new{
                background: white;
                padding: 0.3rem 0.5rem;
                color: #666666;
                font-size: 0.6rem;
                border-bottom: 1px solid #E3E3E3 ;
            .por{
                float: left;
                width: 20%;
                img{
                    width: 100%;
                }
            }
            .character{
                display: inline-block;
                line-height: setLengthByHeight(60px);
                width: 60% ;
                float: left;
                margin-left: 1%;
            }
            .time{
                display: inline-block;
                line-height: setLengthByHeight(60px);
                width: 15%;
                float: right;
            }
        }
         .new_1{
                background: white;
                padding: 0.3rem 0.5rem;
                color: #666666;
                font-size: 0.6rem;
                border-bottom: 1px solid #E3E3E3 ;
            .por_1{
                padding-right: 0.6rem;
                float: left;
                width: 20%;
                img{
                    width: 100%;
                }
            }
            .character_1{
                display: inline-block;
                line-height: setLengthByHeight(60px);
                width: 60% ;
                float: left;
                margin-left: 1%;
            }
            .time_1{
                display: inline-block;
                line-height: setLengthByHeight(60px);
                width: 15%;
                float: right;
            }
        }
    }
    
}
